<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"  %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<script rel="script" src="${path}/js/jquery-3.6.4.js"></script>
<link rel="stylesheet" type="text/css" href="${path}/css/header.css">
<div class="header">
    <div class="header_inner">
        <span>
            <img style="width: 170px;height: 80px;" src="${path}/images/header/logo2.png">
        </span>
        <div class="city_container">
            <select class="address">
                <option>湖南省</option>
                <option>重庆省</option>
                <option>北京省</option>
                <option>天津省</option>
                <option>河北省</option>
                <option>辽宁省</option>
                <option>江苏省</option>
                <option>黑龙江省</option>
            </select>
        </div>
        <%--        下拉列表--%>
        <div class="nav">
            <div><a class="headerBack" id="back1"  href="${path}/index.jsp">首页</a></div>
            <div><a class="headerBack" id="back2"  href="${path}/jsp/fenlei.jsp">电影</a></div>
            <div><a class="headerBack" id="back3"  href="${path}/jsp/yycontent.jsp">影院</a></div>
            <div><a class="headerBack" id="back4"  href="#">演出</a></div>
            <div><a class="headerBack" id="back5"  href="#">榜单</a></div>
            <div><a class="headerBack" id="bac61"  href="#">热点</a></div>
            <div><a class="headerBack" id="back7"  href="#">商城</a></div>
        </div>
        <%--        中间--%>
        <div class="app_downLoad">
            <a href="#">
                <span class="iphone_icon">
                    <img src="${path}/images/header/iphone.png">
                </span>
                <span class="app_down" style="color:black;">APP下载</span>
            </a>
            <div class="download_icon">
                <p class="down_title">扫码下载APP</p>
                <p class="down_content">选座更优惠</p>
            </div>
        </div>
        <form method="post" action="${path}/jsp/sousuo.jsp">
            <input class="search" type="search" placeholder="找影视剧、影人、影院">
            <input type="submit" class="submit" value="">
        </form>
        <div class="user_avatar has_login">
            <a href="<c:if test="${sessionScope.user==null}">${path}/login.jsp</c:if><c:if test="${sessionScope.user!=null}">${path}/jsp/user.jsp</c:if>">
                <img src="<c:if test="${sessionScope.user==null}">${path}/images/login/loginImage.png</c:if><c:if test="${sessionScope.user!=null}">${path}/images/userAvatar/${sessionScope.user.image}</c:if>">
            </a>

        </div>
    </div>
</div>
<script>
    //鼠标悬浮App下载显示扫码函数
    $(".app_downLoad").on({
            "mouseover":function (){
                $(".download_icon").show();
            },
            "mouseout":function (){
                $(".download_icon").hide();
            }
        }
    );
</script>